<!--
- Author:  LiShibin.
- Date:    2018/3/20 0020.
- File:    contact.
-->
<template>
  <div>
    <div class="nav_list2  bg_fff hidden pl20 pr20 bor_b_dcdddd">
      <ul>
        <li class="h90">
          <a href="javascript: void(0)">
            <span class="disb hidden">
              <span class="fl lefttext">店铺名</span>
              <i class="fr iconfont icon-rightdot"></i>
              <span type="text" class="fr">{{info.store_name}}</span>
            </span>
          </a>
        </li>
        <li class="h90">
          <a :href="tel">
            <span class="disb hidden">
              <span class="fl lefttext">联系电话</span>
              <i class="fr iconfont icon-rightdot"></i>
              <span type="text" class="fr">{{info.store_phone}}</span>
            </span>
          </a>
        </li>
        <li class="h90" v-show="info.store_qq">
          <a href="javascript: void(0)">
            <span class="disb hidden">
              <span class="fl lefttext">QQ</span>
              <i class="fr iconfont icon-rightdot"></i>
              <span type="text" class="fr">{{info.store_qq}}</span>
            </span>
          </a>
        </li>
      </ul>
    </div>
    <div class="pl20 pr20 mt35">
      <button type="button" class="but_1 wauto" @click="back">返回</button>
    </div>
    <!--<back-nav></back-nav>-->
    <footer-tab></footer-tab>
  </div>
</template>

<script>
  export default{
    data() {
      return {
        storeId: this.$route.query.storeId || this.$storage.getStore() || this.$config.storeId,
        info: {}
      }
    },
    components: {},
    created() {
      this.getStoreInfo()
    },
    computed: {
      tel: function () {
        return 'tel:' + this.info.store_phone
      }
    },
    methods: {
      back() {
        this.$router.go(-1)
      },
      getStoreInfo() {
        this.$request.getStoreInfo(this.storeId).then(data => {
          this.info = data
        })
      }
    }
  }
</script>

<style>

</style>